

.login {
    padding: 10px;
    background-color: #fff;
    height: 100vh;
    box-sizing: border-box;


    .icon {
        display: flex;
        justify-content: center;
        align-items: center;

        box-sizing: border-box;
        margin: 0 auto;
        border: 1px solid blue;
        border-radius: 100%;
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .ipt {
        // position: relative;
        // top: 100px;
        // left: 0px;
        display: flex;
        background-color: #F5F5F5;
        justify-content: center;
        align-items: center;
        gap: 10px;
        //  font-size: 20px;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;

        .userName {
            flex: 1;
            height: 35px;

        }

        .password {
            background-color: #F5F5F5;
            flex: 1;
            height: 35px;
        }
    }

    .register {
        display: flex;
        justify-content: flex-end;

        span {
            color: blue;
        }
    }

    .sub {
        display: flex;
        justify-content: center;
        // width: 100%;
        margin-top: 40px;

        .btn {
            width: 100px;
            // margin: 0 auto;
        }
    }

}